<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>样式</title>
		<style>			/* type="text/css"可有可无 */
			h3{
				color: green;	/* 字体颜色 */
				font-size: 20px;	/* 字体大小 */
				text-align: center; 		/* 文本居中显示 */
			}
		</style>
		<!-- step2:引入css文件 -->
		<link href="css/font-style.css" rel="stylesheet"/>
	</head>
	<body>
			<!--
			引入样式的方式：
			1.内联样式：在开始标签中加入style属性，在属性中设置样式
			2.内部样式:在head标签中用style标签引入
			3.外部样式 :
				step1：书写在外部样式css文件
				step2:在html文件中head标签中引入css文件
			三种引入方式优先级：
				内联样式优先级最高
				谁离标签更近就听谁的
			-->
		<h1 style="color:red; font-size:24px;">古诗中文网</h1>	<!-- 内联样式 -->
		<h3>蒹葭</h3>
		<p>蒹葭苍苍，白露为霜</p>
		<p>所谓伊人，在水一方</p>
		
	</body>
</html>
